<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="css/manager.css"/>
		<script src="../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/layer-v3.1.0/layer/layer.js"></script>
		<link href="../../js/layer-v3.1.0/layer/theme/default/layer.css" />		
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.option-d{float: right; width:60%!important; height:auto!important;padding: 0.06rem; border: 1px solid #ddd;}
			.list1{
				position: relative;
				left: 1.2rem;
				display: none;
			}
			.list2{
				position: relative;
				left: 0.416666rem;
				display: none;
			}
			.list3{
				position: relative;
				left: 0.416666rem;
				display: none;
			}
			
			.top-list2{
				position: relative;
				left: 1.2rem;
				display: none;
			}
			.top-list3{
				position: relative;
				left: 0.416666rem;
				display: none;
			}
			.top-list4{
				position: relative;
				left: 0.416666rem;
				display: none;
			}
			
		</style>
	</head>
	<body>
		<div id="wrap">
			<div id="main">
				<div id="header" style="background: #f7f7f7;">
					<a id="headImg" href="MyInte.html"><img class="headImg" src="../../images/12.png" /></a>
					<a href="shenqingAdd.html"><!-- <p id="" style="font-size: 12px;float: left;line-height: 1.180555rem;margin-left: 1rem;color: #e93340;margin-top: 0.09rem;">积分申请</p>--></a>
					<a href="checkListing.html"><p id="" style="font-size: 12px;float: right;line-height: 1.180555rem;margin-right: 0.2rem;color: #e93340;">审核结果</p></a>
				</div>
				<div id="content">
					<div style="padding-top: 0.2rem;">
						<a href="./shenqingAdd.html"><div class="selectBtn" style="border-right: 1px solid #DCDCDC;">申请奖分</div></a>
						<div class="selectBtn" style="color: #e93340;">申请扣分</div>
						<div style="clear: both"></div>
					</div>
					<ul class="list-group reqList" style="margin-top: 0.2rem;">
					<li class="list-group-item">扣分人：<span id="shenheren2" class="del_box">张某某  ▼ </span>
					  	<ul class="top-list2">
					  		<li>▼ 吉林省智城智家科技有限公司 
					  			<ul class="top-list3">
					  				<li>▼ 产品部
					  					<ul class="top-list4">
					  						<li>部门负责人 张某某1</li>
					  						<li>部门经理 张某某</li>
					  						<li>员工 张某某</li>
					  					</ul>
					  				</li>
					  				<li>▼ 设计部
					  					<ul class="top-list4">
					  						<li>设计部门负责人 刘某某</li>
					  					</ul>
					  				</li>
					  				<li>▼ 开发部
					  					<ul class="top-list4">
					  						<li>开发部门负责人 李某某</li>
					  					</ul>
					  				</li>
					  			</ul>
					  		</li>
					  		
					  	</ul>	
					  </li>	
					  <li class="list-group-item ">类型：
					  	<span>
					  		<select name="" style="float: right;" class="option-d selectType">
							  	<option value="0">--请选择--</option>
							  	<option value="1">工作表现</option>
							  	<option value="2">成长表现</option>
							  </select>
					  	</span>
					  </li>
					  <li class="list-group-item ">标题：
					  	<span>
					  		<select name="" style="float: right;" class="option-d selectBiaozhun">
							  	<option value="0">--请选择--</option>

							  </select>
					  	</span>
					  </li>
					  <li class="list-group-item ">积分数：
					  	<span>
					  		<select name="" style="float: right;" class="option-d selectJifen">
							  	<option value="0">--请选择--</option>
							  </select>
					  	</span>
					  </li>
					  <li class="list-group-item">申请理由：  
					  	<span style="color: #DBDBDB">请输入申请积分理由（必填）</span>
					  	<textarea   name="" style="border: 1px solid #E6E6E6; outline: none; resize: none;width: 100%;height: 3.472222rem;margin-top: 0.1rem;"></textarea>
					  </li>
					  <li class="list-group-item">审核人：<span id="shenheren">张某某</span>
					  	<ul class="list1">
					  		<li>▼ 吉林省智城智家科技有限公司 
					  			<ul class="list2">
					  				<li>▼ 产品部
					  					<ul class="list3">
					  						<li>部门负责人 张某某</li>
					  						<li>部门经理 张某某</li>
					  						<li>员工 张某某</li>
					  					</ul>
					  				</li>
					  				<li>▼ 设计部
					  					<ul class="list3">
					  						<li>设计部门负责人 刘某某</li>
					  					</ul>
					  				</li>
					  				<li>▼ 开发部
					  					<ul class="list3">
					  						<li>开发部门负责人 李某某</li>
					  					</ul>
					  				</li>
					  			</ul>
					  		</li>
					  		
					  	</ul>	
					  </li>
					</ul>
					<div>
						<p class="btnFoot" style="height: auto; font-size: 0.45rem; line-height: 1rem;">提交</p>
					</div>				
				</div>
				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../kaoqin/index2.html">
					<img class="footImg" src="../../images/guanlixuanzhong.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../coalition/colalition.html">
					<img class="footImg" src="../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../store/store.html">
					<img class="footImg" src="../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../personage/personIndex.html">
					<img class="footImg" src="../../images/13.png" />
					<p>我的</p>
				</a>
			</div>
	</div>
	</body>
	<script src="../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/handlebars-v2.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rhAdmin.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
			$('#shenheren2').on('click',function(){
			$('.top-list2').show();
			$('.top-list3').hide();
			event.stopPropagation();
		})

		$('.top-list2>li').on('click',function(){
			if ($(this).children('.top-list3').is(":hidden")) {
				$(this).children('.top-list3').show()
			}else{
				$(this).children('.top-list3').hide()
			}
			event.stopPropagation();
		})
		$('.top-list3>li').on('click',function(){
			if ($(this).children('.top-list4').is(":hidden")) {
				$(this).children('.top-list4').show()
			}else{
				$(this).children('.top-list4').hide()
			}
			event.stopPropagation();
		})
		$('.top-list4>li').on('click',function(){
			$('#shenheren2').html($(this).html())
			$('.top-list2').hide();
			event.stopPropagation();
		})
		
	</script>
	<script type="text/javascript">
		$('.btnFoot').click(function(){
			layer.msg("提交成功")
			setTimeout(function(){
				window.location.href = './checkListing.html'
			},500)
			
		})
		$('#shenheren').on('click',function(){
			$('.list1').show();
			event.stopPropagation();
		})

		$('.list1>li').on('click',function(){
			if ($(this).children('.list2').is(":hidden")) {
				$(this).children('.list2').show()
			}else{
				$(this).children('.list2').hide()
			}
			event.stopPropagation();
		})
		$('.list2>li').on('click',function(){
			if ($(this).children('.list3').is(":hidden")) {
				$(this).children('.list3').show()
			}else{
				$(this).children('.list3').hide()
			}
			event.stopPropagation();
		})
		$('.list3>li').on('click',function(){
			$('#shenheren').html($(this).html())
			$('.list1').hide();
			event.stopPropagation();
		})
		
				var type1,type2,type3,selectTemp;
		$('.selectType').change(function(){
		 	type1 =  +$(this).val();
		 	switch (type1){
		 		case 0:
		 			selectTemp = '<option value="0">--请选择--</option>'
		 						 $('.selectBiaozhun').html(selectTemp)
		 			selectTemp = '<option value="0">--请选择--</option>'
		 						 $('.selectJifen').html(selectTemp)			 
		 			break;
		 		case 1:
		 			selectTemp ='<option value="0">--请选择--</option>' +
		 						'<option value="1">延迟完成任务</option>'+
							  	'<option value="2">没有完成任务</option>'+
							  	'<option value="3">工作消极</option>'
		 			$('.selectBiaozhun').html(selectTemp)
		 			break;
		 		case 2:
		 		selectTemp = 	'<option value="0">--请选择--</option>' +
		 						'<option value="1">考核低劣</option>'	
		 			$('.selectBiaozhun').html(selectTemp)
		 			break;
		 		
		 		default:
		 			break;
		 	}
		 	$('.selectJifen').html('<option value="0">--请选择--</option>')
		})
		
		$('.selectBiaozhun').change(function(){
			type2 =  +$(this).val();
			switch (type1){
					case 0:	
							selectTemp = '<option value="0">--请选择--</option>';
		 						$('.selectJifen').html(selectTemp)
					break;
				case 1:
					switch (type2){
						case 0:	
							selectTemp = '<option value="0">--请选择--</option>';
		 						$('.selectJifen').html(selectTemp)
							break;
						case 1:selectTemp= 	
											'<option value="1">扣5分</option>'
		 						$('.selectJifen').html(selectTemp)	
							break;
						case 2:selectTemp= 
											'<option value="1">扣10分</option>'
		 						$('.selectJifen').html(selectTemp)	
							break;
						case 3:selectTemp= 	
											'<option value="1">扣5分</option>'
		 						$('.selectJifen').html(selectTemp)	
							break;	
						default:
							break;
					}
					break;
				case 2:
					selectTemp= '<option value="0">扣5分</option>'
		 						$('.selectJifen').html(selectTemp)	
							break;
					break;	
				
				default:
					break;
			}
			if ($(this).val() == 0) {
				selectTemp = '<option value="0">--请选择--</option>';
		 						$('.selectJifen').html(selectTemp)
			}
		})
		
		
	</script>

</html>